@charset "utf-8";
/*重置样式*/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0;}
ul,ol,li{list-style:none;}
i,em{font-style:normal;}
b,strong{font-weight:100;}
a,u{text-decoration:none;}
a,img{border:0;}
h1,h2,h3,h4,h5,h6{ font-weight:100; font-size:14px;}
.clearfix:after{content:".";clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}

/*公共样式*/
@mixin commonall{
    width:1100px;
    margin:0 auto;
}
body{
    font-size:75%;
    font-family:Lucida Grande,Lucida Sans Unicode,Tahoma,Helvetica,Arial,Hiragino Sans GB,sans-serif;
    line-height: 1.5;
}


/*top 顶部*/
#LM_top{
    background: #f5f5f5;
    border-bottom: solid 1px #ddd;
    color:#000;
    height:32px;
}
.top{//顶部
    @include commonall;
    height:32px;
    line-height:32px;
    a{
        display:inline;
        color:#000;
        margin:0 3px;
    }
    img{
        display:inline-block;
        vertical-align: middle;
    }
    a:hover{
        color:#ccc;
    }  
    .top_left{/*top_left 顶部左边*/
        height:32px;
        float:left;
        .top_login{
            display:inline-block;
        }
    }
    .top_right{/*top_right*/
        float:right;
        color:#666;
    }
}


/*header 头部*/
.header{
    @include commonall;
    height:125px;
    margin-top:20px;
    .header_left{/*header_left 头部左边*/
        width:200px;
        height:80px;
        float:left;
    }
    .header_main{/*header_main 头部中间*/
        margin-left:120px;
        float:left;
    }
    .header_searchb{/*搜索框*/
        margin-top:20px;
        .searchbk{//搜索框
            position:relative;
            height:29px;
            .searchk{//框
                width:400px;
                height:25px;
                float:left;
                outline:none;
                border-top-left-radius:5px;
                border-bottom-left-radius:5px;
                border:solid 1px #ccc;
                font-size:14px;
                line-height:25px;
                padding:1px;
                font-family:inherit;
                vertical-align:middle;
            }
            .searchs{//按钮
                width:34px;
                height:29px;
                float:left;
                outline:none;
                border-top-right-radius:5px;
                border-bottom-right-radius:5px;
                border:0;
                background:#f8a7c6;
                cursor:pointer;
            }
            .sear_fdj{
                position:absolute;
                color:#fff;
                left:413px;
                line-height:29px;
                cursor:pointer;
            }
        }
        .hotsear{//热搜
            line-height:25px;
            color:#666;
            span{
                display:inline-block;
            }
            a{
                color:#666;
            }
        }
    }
    .header_right{/*header_right 头部右边*/
        width: 325px;
        height:125px;
        float:right;
    }
}


/*nav 导航*/
#LM_nav{
    background:url(../image/nav-bg.jpg) repeat-x bottom;
}
.nav{
    @include commonall;
    height:40px;
}

.nav_left{/*nav_left 左边导航*/
    position:relative;
    width:160px;
    height:40px;
    float:left;
    &:hover{
        .nav_cont{
            display: block;
        }
    }
    .nav_head{//导航头部
        width:160px;
        height:40px;
        a{
            padding-top:10px;
            line-height:30px;
            display:block;
            background:url(../image/nav_left.jpg) repeat-x;
            text-align:center;
            font-size:14px;
            color:#fff;
        }
    }
    .nav_cont{//导航主体
        display:none;
        position: absolute;
        width:160px;
        height:450px;
        padding-top:0px;
        background:#fff;
        z-index:100;
        .total-list{//导航列表
            font-size:12px;
        }
        .nav_listimg{//导航下方图片
            display:block;
            margin-left:18px;
        }
    }
}
.total-list{/*导航列表*/
    .nav_list{//每条导航
        position:relative;
        width:160px;
        height:37px;
        &>a{
            display:block;
            padding-left:20px;
            color:#333;
            line-height:36px;
            span{
                display:inline-block;
                width:115px;
                padding-bottom:1px;
                background:url(../image/nav-list.jpg) no-repeat bottom;
            }
            i{
                font-size:13px;
                color:#aaa;
            }
        }
        &:hover>a{
            font-weight:700;
            i{
                color:#333;
            }
        }
        .nav_listbox{//导航盒子
            width:620px;
            height:450px;
            position:absolute;
            left:160px;
            top:0px;
            display:none;
            .listbox1{
                width:397px;
                height:426px;
                float:left;
                padding:12px 10px;
                line-height:24px; 
                background: rgba(255,255,255,0.95) url(../image/shadow-bg.png) repeat-y left;
                .listboxi{
                    width:50%;
                    height:24px;
                    padding-bottom:12px;
                    margin-bottom:12px;
                    border-bottom:dashed 1px #999;
                    float:left;
                    a{color:#333;}
                }
            }
            .listbox2{
                width:191px;
                height:450px;
                float:left;
                border-left:dashed 1px #999; 
                background: rgba(255,255,255,0.93);
                a{
                    display:block;
                    float:left;
                    width:75px;
                    height:42px;
                    margin:10px 9px;
                    color:#000;
                    line-height:42px;
                    text-align:center;
                    font-size:14px;
                }
            }
        }
        &:hover .nav_listbox{
            display:block;
        }
        .nav_listbox1{top:-37px;}
        .nav_listbox2{top:-74px;}
        .nav_listbox3{top:-111px;}
        .nav_listbox4{top:-148px;}
        .nav_listbox5{top:-185px;}
        .nav_listbox6{top:-222px;}
        .nav_listbox7{top:-259px;}
    }
}

.nav_main{/*nav_main 中间导航*/
    width:700px;
    height:40px;
    float:left;
    .nav_menu{
        width:680px;
        height:40px;
        margin-left:20px;
        .nav_item{
            float:left;
            a{
                display:block;
                padding:0 20px;
                font-size:12px;
                font-family:"宋体";
                color:#626262;
                line-height:40px;
            }
            &:hover a{
            color:#f19ec2;
            }
        }
    }
} 

.nav_right{/*nav_left 右边购物车*/
    height:40px;
    width:165px;
    float:right;
    
    position:relative;
    border:none;
    .nav_buycar{
        line-height:40px;
        float:right;
        display:block;
        background:url(../image/xiala.png) no-repeat calc(100% - 4px) center,url(../image/buycar.png) no-repeat 3px center;
        color:#000;
        padding-left:20px;
        padding-right:14px ;
        .buycarnum{
            font-weight:700;
        }
    }
    .nav_buycaract{
        background-color:#fff;
        border: 1px solid #e9e9e9;
        border-bottom:none;
    }
    .nav_buyslit{
        display:none;
        width:238px;
        max-height:256px;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: white;
        border: 1px solid #e9e9e9;
        border-top:none;
        position: absolute;
        left:-74px;
        top:40px;
        z-index: 2;
        .buyslit_ul{
            li{
                display:none;
                height:57px;
                padding:10px;
                border-bottom: 1px dashed #e0e0e0;
                .buyslit_ul-img{
                    display:block;
                    float:left;
                    border: 1px solid #ccc;
                    width:60px;
                    height:60px;
                    img{
                        height:60px;
                        margin-left:9px;
                    }
                }
                .buyslit_ul-detail{
                    float:left;
                    margin-left:10px;
                    width:128px;
                    .buyslit_ul-title{
                        display: block;
                        color: #666666;
                        white-space: nowrap;
                        overflow:hidden;
                        text-overflow: ellipsis;
                        height:20px;
                        line-height:20px;
                    }
                    p{
                        height:18px;
                        line-height:18px;
                        b{color: #f54998;}
                    }
                    .buyslit_ul-operate{
                        height:18px;
                        line-height:18px;
                        span{
                            display:block;
                            float:left;
                            height:18px;
                        }
                        div{
                            float:left;
                            a{
                                display:inline-block;
                                width:16px;
                                height:16px;
                                line-height:16px;
                                border:solid 1px #888;
                                color:#777;
                                text-align:center;
                                &:hover{
                                    background: #888;
                                    color:#fff;
                                }
                            }
                            b{
                                display:inline-block;
                                color:#f54998;
                            }
                        }
                        .buyslit_ul-remove{
                            display: block;
                            height:18px;
                            float:right;
                            color:#000;
                        }
                    }
                }
            }
        }
        .buyslit_close{
            padding:10px;
            text-align: right;
            .close_n{
                height:20px;
                line-height:20px;
            }
            .close_z{
                height:23px;
                line-height:23px;
                span{
                    font-size:14px;
                    color: #eb6494;
                }
            }
            .close_a{
                margin-top:10px;
                margin-left:158px;
                display: block;
                width:60px;
                height:25px;
                line-height:25px;
                text-align:center;
                background:#f54998;
                color:#fff;
            }
        }
    }
}


/*rollnav滚动菜单*/
#LM_rollnav{
    display:none;
    width: 110px;
    height:auto;
    position: fixed;
    top: 200px;
    left: 20px;
    padding: 10px 0;
    background: url(../image/bg-top.png) repeat-x top,url(../image/bg-bot.png) repeat-x bottom;
}
.rollnav{
    li{
        border-bottom:solid 1px #999;
        a{
            display:block;
            height:38px;
            color:#fff;
            line-height:38px;
            background: #212121;;
            font-size:12px;
            text-align:center;
            &:hover{
                color:#f53998;;
            }
        }
    }
}


/*sidebar侧边栏*/
#LM_sidebar{
    position:fixed;
    width:30px;
    height:100%;
    top:0;
    right:0;
    background:#000;
    z-index:10;
}
.sidebar_wrap{
    height:400px;
    width: 30px;
    position:absolute;
    top:50%;
    margin-top:-200px;
    a{
        display:block;
        height:30px;
        width: 30px;
        &:hover{
            background:#f53998;
        }
    }
    .side-zc{margin-bottom:10px;}
    .side-sc{margin-bottom:10px;}
    .side-cz{margin-bottom:10px;}
    .side_buycar{
        width:30px;
        margin:30px 0;
        border-top:solid 1px #fff;
        border-bottom:solid 1px #fff;
        &:hover{
            background:#f53998;
        }
        a{
            height:auto;
            padding:16px 0;
            color:#fff;
            text-align:center;
            p{height:22px;}
            .buycarnum{font-weight:700;}
        }
    }
    .qq_service{
        display:none;
        position: absolute;
        left: -145px;
        top: 15px;
        width: 135px;
        height:440px;
        background:rgba(255,255,255,0.9);
        padding-right: 10px;
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
        a{
            width:auto; 
            &:hover{
                background:#fff;
            }
        }
        .service_back{
            width:60px;
            line-height:30px;
            color:#000;
            margin-left:75px; 
        }
        h3{
            height:30px;
            background:#f53998;
            line-height:30px;
            font-size:14px;
            text-align:center;
            color:#fff;
            font-weight:700;
        }
        div{
            border-bottom: dashed 1px #999;
            h5{
                margin:6px 0 0 10px;
                height:30px;
                line-height:30px;
                font-size:14px;
                color:#645957;
                font-weight:700;
            }
            a{
                margin-left:16px;
                line-height: 30px;
                padding-left: 26px;
                font-size: 14px;
                color: #000;
                background:url(../image/qq.png) no-repeat left;
                font-size:12px;
            }
        }
        h4{
            height:30px;
            padding-left:6px;
            line-height:30px;
            color:#f53998;
            font-weight:700;
        }
        p{
            height:24px;
            line-height:24px;
            padding-left:6px;
            color:#666;
        }
    }
}
.sidebar_weixin{
    height:30px;
    width:30px;
    position:absolute;
    bottom:40px;
    &:hover{
        background:#f53998;;
    }
}
.sidebar_top{
    height:30px;
    width:30px;
    position:absolute;
    bottom:10px;
    &:hover{
        background:#f53998;;
    }
}


/*bottom底部*/
#LM_bottoms{
   border-top:solid 5px #f47da7; 
}
.bottoms{
    @include commonall;  
    &>a{
        display:block;
        width:1000px;
        height:70px;
        margin:46px auto 30px;  
    }
    p{
        line-height:30px;
        text-align:center;
        color:#555;
    }
    .bot_link{
        a{
            color:#000;
            margin:0 3.4px;
        }
    }
    div{
        height:50px;
        width:100%;
        text-align:center;
        margin-bottom:40px;
    }
}

